<div class="ui-g-2 biz-proc-tree-container ui-widget-content border-spe-right" style="height: 100%;padding:0;">
    <p-tree [value]="procTree" selectionMode="single" [loading]="loading" [(selection)]="selectedNode"
        (onNodeSelect)="nodeSelect($event)" [filter]="true" filterMode="strict"
        [style]="{'height': '90%','width':'100%', 'border-style':'none','background':'transparent', 'overflow':'hidden'}">
    </p-tree>
    <!-- 新增流程 -->
    <i class="freeflow-add fa fa-plus-circle fa-2x" (click)="addBizProc()"></i>
</div>
<div class="ui-g-10 biz-proc-detail-container ui-widget-content"
    style="height:calc(100% - 20px);border:none;padding:0;">
    <p-tabView>
        <p-tabPanel header="基本属性" leftIcon="fa fa-calendar">
            <ff-proc [procDefId]="procDefId"></ff-proc>
        </p-tabPanel>
        <p-tabPanel header="参与者" leftIcon="fa fa-calendar">
            <ff-part [procDefId]="procDefId"></ff-part>
        </p-tabPanel>
        <p-tabPanel header="流程" leftIcon="fa fa-print">
            <ng-template pTemplate="content">
                <ff-defination [procDefId]="procDefId"></ff-defination>
            </ng-template>
        </p-tabPanel>
        <p-tabPanel header="环节" leftIcon="fa fa-print">
            <ff-act [procDefId]="procDefId"></ff-act>
        </p-tabPanel>
        <p-tabPanel header="流向" leftIcon="fa fa-print">
            <ff-transet [procDefId]="procDefId"></ff-transet>
        </p-tabPanel>
    </p-tabView>
</div>
<p-confirmDialog #cd>
    <p-footer>
        <button type="button" pButton icon="fa fa-close" label="取消" (click)="cd.reject()"></button>
        <button type="button" pButton icon="fa fa-check" label="确定" (click)="cd.accept()"></button>
    </p-footer>
</p-confirmDialog>